<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">
	
<head>
 <script type="text/javascript">
 	function loadChgPhoto() {
 		$("#divChgPhoto").load("maphoto.html");
 	}
 </script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="generator" content="PSPad editor, www.pspad.com"/>
<link rel = "stylesheet" type = "text/css" href = "../style/style.css" />
<title>Tableau de bord - (nomProprietaire) - eSharing</title>
</head>

<body>

  <div class = "topbarcontenu">
    <div>
      <span class = "logo"><img src = "images/logo.jpg" /></span>
      <span class = "toplink">Bienvenue, <a href = "tableaudebord.html">(nomUtilisateur)</a> <a href = "">Déconnexion</a></span>
      <span class = "topbarrechercher">
          <h:form class = "recherchepages">
            <h:inputText value="#{mbFichePret.rechercher()}" id = "cetaem" class="textrecherche" maxlength = "80" placeholder = "Que voulez-vous emprunter ?" />
            <h:commandButton value="Rechercher" action="#{mbFichePret.rechercher()}"  id = "btnrechercher" />
          </h:form>
      </span>
    </div><br />
   	<div>
      <span class = "parrainage">
        
        <h:form id = "parrainer">
          <h:inputText value=""  id = "cetaem" class="mailfilleul" maxlength = "80" placeholder = "Adresse mail" />
          <h:commandButton value="Parrainer un ami !" action="#{mbFichePret.parrainer()}"  id = "btnparrain" />
        </h:form>
      </span>
    </div>
</div>
  
<div>

  <span id = "lienblanc"> </span>
  <span id = "lienPanier" style = "float:right;"><a href = "">Panier</a></span><span id = "lienblanc" style = "float:right;"> </span>
  <span id = "lienMonActivite" style = "float:right;"><a href = "">Mon Activite</a></span><span id = "lienblanc" style = "float:right;"> </span>
  <span id = "lienAlertes" style = "float:right;"><a href = "">Alertes</a></span><span id = "lienblanc" style = "float:right;"> </span>
  <span id = "lienMessagerie" style = "float:right;"><a href = "">Messagerie</a></span>

</div>

<P> </P>

<div class = "liens">

    <ul class = "lienlist">
      <li>
        <a href = "">Mon compte</a>
        <ul>
          <li>
            <a href = "#" onclick = "loadChgPhoto()">Ma photo</a>
          </li>
          <li>
            <a href = "">Mes infomations personnelles</a>
          </li>
          <li>
            <a href = "">Mes congés</a>
          </li>
           <li>
            <a href = "">Changer mot de passe</a>
          </li>
       </ul>
      </li>
      <li>
        <a href = "">Mon parc d'appareils</a>
      </li>
      <li>
        <a href = "">Mon agenda</a>
        <ul>
          <li>
            <a href = "">Mes prêts</a>
          </li>
          <li>
            <a href = "">Mes emprunts</a>
          </li>
          <li>
            <a href = "">Mes congés</a>
          </li>
        </ul>
      </li>
      <li>
        <a href = "">Ma messagerie</a>
        <ul>
          <li>
            <a href = "">Messages reçus</a>
          </li>
          <li>
            <a href = "">Messages envoyés</a>
          </li>
        </ul>
      </li>
      <li>
        <a href = "">Mon solde</a>
      </li>
      <li>
        <a href = "">Mes parrainnages</a>
        <ul>
          <li>
            <a href = "">Mes filleuls</a>
          </li>
          <li>
            <a href = "">Parrainer</a>
          </li>
        </ul>
      </li>
    </ul>

</div>
  
<div id = "pagecontenu">

 <h2>Laisser un avis</h2>
 
 <div>
  <table>
    <tr>
      <td>Appareil : </td>
      <td>(marque, type)</td>
    </tr>
    
    <tr>
      <td>Emprunteur : </td>
      <td>(nomUtilisateur)</td>  
    </tr>
 
    <tr>
      <td>prêté : </td>
      <td>de (date) à (date)</td>  
    </tr>
    
    <h:form action = "#{mbLaisserAvisPret}" id ="avisAEnvoyer">
    
      <table>
      
        <tr> 
          <td>Avis général sur la transaction :</td>
          <td>(étoilles)</td>
        </tr>
      
        <tr>  
          <td>Avis sur (critère 1) :</td>
          <td>(étoilles)</td>
        </tr>
      
        <tr>
          <td>Avis sur (critère 2) :</td>
          <td>(étoilles)</td>
        </tr>

        <tr>        
          <td>Commentaires :</td>
          <td><textarea name="autobiographie" cols="25" rows="5" maxlength = "1024"></textarea></td>
        </tr>

      </table>    
      <span> </span>
      <span style = "float:right"><h:commandButton action="#{mbLaisserAvisPret.envoyerAvisPret()}" value="Envoyer un avis" /></span>

    </h:form>
 
 </table>
 </div>

</div>
  
<div id = "goodies">

    <ul id="sociallinks" style = "float:right">
      <li>
        <a href="@sadfdsafdfd">FB</a>
      </li>
      <li>
        <a href="@sadfdsafdfd">TW</a>
      </li>
      <li>
        <a href="@sadfdsafdfd">G+</a>
      </li>
      <li>
        <a href="@sadfdsafdfd">RSS</a>
      </li>
    </ul>

</div>

<div class="footer">                        
    <span style="align: left">                                       
      <a href="/trust">Confiance et sécurité</a>                            
    </span>                        
    <span style="align: left">                                       
      <a href="/about/about-us">A propos</a>                        
    </span>                        
</div>	

</body>
  
</html>
